<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#zip_code").focusout(function () {
            $("#zip_code").each(function () {
                zip_code = $('#zip_code').val();
                $.post("<?= base_url('register/cp_full') ?>", {
                    zip_code: zip_code
                }, function (data) {
                    $("#detalle").html(data);
                });
            });
        })
    });
</script>
<div id="page-content">
    <div class="container">
        <div class="row">
            <div class="col-sm-12 page-content">
                <ul class="form-steps four clearfix">
                    <li class="active">Paso 1</li>
                    <li>Paso 2</li>
                    <li>Paso 3</li>
                    <li>paso 4</li>
                </ul>

                <div class="white-container sign-up-form">
                    <div>
                        <h2>1. Información Personal</h2>

                        <section>
                            <h6 class="bottom-line">Interesado:</h6>

                            <h6 class="label">Nombre</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Nombres" name="c_nombre">
                                </div>

                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Apellido Paterno" name="c_apellido_paterno">
                                </div>

                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Apellido Materno" name="c_apellido_materno">
                                </div>


                            </div>

                            <h6 class="label">Fecha de Nacimiento</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="month-input" name="mes" placeholder="MM" >
                                    <input type="text" class="day-input" name="dia" placeholder="DD" >
                                    <input type="text" class="year-input" name="ano" placeholder="YYYY" >
                                </div>

                                <div class="row">
                                    <div class="col-sm-4">
                                        <input type="text" class="form-control" placeholder="Lugar de nacimiento" name="c_lugar_nacimiento">
                                    </div>
                                </div>
                            </div>

                            <h6 class="label">Teléfono</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="c_telefono_local" placeholder="Local">
                                </div>

                                <div class="col-sm-4">
                                    <input type="text" class="form-control" name="c_telefono_celular" placeholder="Celular">
                                </div>

                            </div>

                            <h6 class="label">Dirección</h6>

                            <div class="row">
                                <div class="col-sm-12">
                                    <input type="text" class="year-input" placeholder="CP" name="zip_code" id="zip_code">
                                </div>
                            </div>

                            <div class="row" id="detalle">

                            </div>


                            <div class="row">
                                <div class="col-sm-6">
                                    <input type="text" class="form-control"  name="d_calle_1" placeholder="Dirección linea 1" maxlength="100">
                                </div>

                                <div class="col-sm-6">
                                    <input type="text" class="form-control" name="d_calle_2" placeholder="Dirección linea 2" maxlength="100">
                                </div>
                            </div>


                        </section>

                        <section>
                            <h6 class="bottom-line">Datos de Cuenta:</h6>
                            <div class="row">
                                <div class="col-sm-4">
                                    <label>Nombre de usuario</label>
                                    <input type="text" class="form-control"  name="d_calle_1" placeholder="Usuario" maxlength="100">
                                </div>

                                <div class="col-sm-4">
                                    <label>Imagen de Perfil</label>
                                    <input type="file" class="form-control" name="c_foto" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Corriculum Vitae</label>
                                    <input type="file" class="form-control" name="c_cv" >
                                </div>

                                <div class="col-sm-4">
                                    <label>Contraseña</label>
                                    <input type="password" class="form-control" placeholder="Contraseña">
                                </div>

                                <div class="col-sm-4">
                                    <label>Repetir Contraseña</label>
                                    <input type="password" class="form-control" placeholder="Repetir Contraseña">
                                </div>

                                <div class="col-sm-4">
                                    <label>Correo electrónico</label>
                                    <input type="text" class="form-control" placeholder="Email" name="c_email">
                                </div>

                                <div class="col-sm-12">
                                    <label>Bio</label>
                                    <input type="text" class="form-control" placeholder="Hablanos un poco de ti" name="c_presentacion">
                                </div>
                            </div>
                        </section>

                        <section>
                            <h6 class="bottom-line">Datos Complementarios</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Talla" name="c_talla">
                                </div>

                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Peso" name="c_peso">
                                </div>

                                <div class="col-sm-4">
                                    <input type="text" class="form-control" placeholder="Estatura" name="c_estatura">
                                </div>
                            </div>

                            <div class="row">
                                <h6 class="bottom-line">Licencia de manejo</h6>
                                <div class="col-sm-4">
                                    <select name="lm_licencia">
                                        <option>¿Tiene licencia?</option>
                                        <option value="1">Si</option>
                                        <option value="0">No</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select name="lm_clase">
                                        <option>Tipo de licencia</option>
                                        <option value="A">A</option>
                                        <option value="B">B</option>
                                        <option value="C">C</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control"  name="lm_numero" placeholder="Numero de Licencia" maxlength="100">
                                </div>
                            </div>    

                        </section>
                        <section>
                            <h6 class="bottom-line">Otros Datos</h6>

                            <div class="row">
                                <div class="col-sm-4">
                                    <select name="c_edo_civil">
                                        <option>Estado Civil</option>
                                        <option value="C">Casado</option>
                                        <option value="S">Soltero</option>
                                        <option value="UL">Union Libre</option>
                                        <option value="V">Viud@</option>
                                        <option value="SC">Sociedad de Convivencia</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <select name="es_edo_salud">
                                        <option>Estado de Salud</option>
                                        <option value="C">Bueno</option>
                                        <option value="S">Malo</option>
                                        <option value="UL">Regular</option>
                                    </select>
                                </div>
                                <div class="col-sm-4">
                                    <input type="text" class="form-control"  name="lm_numero" placeholder="Enfermedades que padese" >
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-12">
                                    <label>Numero de hermanos</label>
                                    <input type="text" class="form-control"  name="c_hermanos" placeholder="Hermano Ocupacion Edad, Hermano Ocupacion Edad, ..." >
                                </div>
                                <div class="col-sm-12">
                                    <label>Numero de hijos</label>
                                    <input type="text" class="form-control"  name="c_hijos" placeholder="Hijo Edad, Hijo Edad, ..." >
                                </div>
                            </div>
                        </section>
                        <section>
                            <h6 class="bottom-line">Datos de localización en caso de emergencia</h6>
                            <div class="row">
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_nombre[]" placeholder="Nombre" maxlength="100">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_domicilio[]" placeholder="Domicilio" maxlength="120">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_ocupacion[]" placeholder="Ocupación" maxlength="80">
                                </div>
                                <div class="col-sm-2">
                                    <select name="tf_tipo_familiar_id[]">
                                        <option value="1">Padre</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_nombre[]" placeholder="Nombre" maxlength="100">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_domicilio[]" placeholder="Domicilio" maxlength="120">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_ocupacion[]" placeholder="Ocupación" maxlength="80">
                                </div>
                                <div class="col-sm-2">
                                    <select name="tf_tipo_familiar_id[]">
                                        <option value="2">Madre</option>
                                    </select>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_nombre[]" placeholder="Nombre" maxlength="100">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_domicilio[]" placeholder="Domicilio" maxlength="120">
                                </div>
                                <div class="col-sm-2">
                                    <input type="text" class="form-control"  name="f_ocupacion[]" placeholder="Ocupación" maxlength="80">
                                </div>
                                <div class="col-sm-2">
                                    <select name="tf_tipo_familiar_id[]">
                                        <option value="3">Espos@</option>
                                    </select>
                                </div>
                            </div>
                        </section>

                    </div>

                    <hr class="mt60">

                    <div class="clearfix">
                        <a href="<?= base_url('register/step_2') ?>" class="btn btn-default btn-large pull-right">Continuar al paso 2</a>
                    </div>
                </div>
            </div> <!-- end .page-content -->
        </div>
    </div> <!-- end .container -->
</div> <!-- end #page-content -->